.alarmSolve-title {
    position: relative;
    height: 64px;
    line-height: 45px;
    color: white;
    background: #1FB5FF;
    text-align: center;
    font-size: 19px;
    padding-top: 20px;
    .title-left {
        width: 44px;
        height: 44px;
        line-height: 48px;
        position: absolute;
        left: 5px;
        top: 20px;
        font-size: 30px;
        img{
            width: 19px;
            height: 19px;
        }
    }
    .doNext {
        position: absolute;
        height: 44px;
        width: 60px;
        line-height: 44px;
        text-align: center;
        color: white;
        font-size: 15px;
        /* z-index: 999; */
        top: 20px;
        right: 10px;
    }
}
.alarmSolve-content {
    .alarmSolve-content-text {
        width: 100%;
        padding: 25px 25px;
        padding-bottom: 0px;
        font-size: 16px;
        height: 120px;
        ::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #ccc;
        }
        :-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #ccc;
        }
        ::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #ccc;
        }
        :-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #ccc;
        }
        textarea {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            resize: none;
            padding-left: 0;
        }
    }
    .alarmSolve-content-voiceList {
        padding: 10px 25px;
        .voiceList-item {
            height: 32px;
            margin-bottom: 20px;
            position: relative;
            .voiceList-item-div {
                background: #1FB5FF;
                border-radius: 2px;
                height: 100%;
                display: inline-block;
                position: relative;
                width: 100px;
                max-width: 90%;
                .voiceList-item-volume {
                    position: absolute;
                    width: 30px;
                    height: 20px;
                    top: 50%;
                    left: 10px;
                    transform: translateY(-50%);
                    background-image: url("../../../assets/imgs/alarmTask/volume.svg");
                    background-size: 20px 20px;
                    background-repeat: no-repeat;
                }
                .voiceList-item-del {
                    width: 18px;
                    height: 18px;
                    position: absolute;
                    top: -9px;
                    right: -9px;
                    background: #fff;
                    border-radius: 50%;
                }
                .voiceList-item-timer {
                    font-size: 12px;
                    color: #6D6D6D;
                    position: absolute;
                    right: -35px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }

        }
    }
    .alarmSolve-content-imgList {
        padding: 0px 25px;
        display: flex;
        flex-wrap: wrap;
        .imgList-item {
            width: 75px;
            height: 75px;
            // border: 1px solid #C6C6C6;
            margin-right: 15px;
            margin-bottom: 10px;
            .rorateImg {
                transform: rotate(90deg);
            }
            img {
                width: 100%;
                height: 100%;
            }
            .imgList-item-videoBox {
                width: 100%;
                height: 100%;
                position: relative;
                .imgList-item-videoBg {
                    width: 75px;
                    height: 75px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(0, 0, 0, 0.3);
                }
                .imgList-item-videoImg {
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
            }
            .imgList-spin-box {
                width: 100%;
                height: 100%;
                line-height: 90px;
                text-align: center;
                border: 1px solid #c6c6c6;
                margin-right: 15px;
                margin-bottom: 10px;
                background: rgba(0, 0, 0, 0.5);
            }
        }
    }

    .alarmSolve-content-voice {
        width: 65px;
        height: 65px;
        border: 1px solid #D2EAFF;
        border-radius: 50%;
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);

        img {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    .voice-state {
        width: 140px;
        height: 140px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 8px;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -30%);

        .voice-state-cancelImg {
            width: 49px;
            height: 57px;
            position: absolute;
            top: 45%;
            left: 48%;
            transform: translate(-50%, -50%);
        }
        .voice-state-recordImg {
            width: 49px;
            height: 57px;
            position: absolute;
            top: 65px;
            left: 30px;
            transform: translate(0, -50%);
        }
        .voice-state-volumeAnimateBox {
            width: 49px;
            height: 57px;
            position: absolute;
            top: 85px;
            left: 78px;
            overflow: hidden;
            .voice-state-volumeAnimateImg {
                width: 100%;
                height: 100%;
                position: absolute;
                top: -50px;
                background-image: url("../../../assets/imgs/alarmTask/volumeAnimate.svg");
                background-size: 49px 57px;
                background-repeat: no-repeat;
            }
        }
        .voice-state-msg {
            width: 118px;
            height: 24px;
            border-radius: 2px;
            position: absolute;
            bottom: 5px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            color: #fff;
            font-size: 13px;
            line-height: 24px;
        }
    }
}